<template>
  <div class="ele-body ele-body-card">
    <el-row :gutter="15">
      <el-col v-bind="styleResponsive ? { lg: 24, md: 24 } : { span: 24 }">
        <statistics-card />
      </el-col>
    </el-row>

    <el-row :gutter="15">
      <el-col v-bind="styleResponsive ? { lg: 24, md: 24 } : { span: 24 }">
        <visit-hour />
      </el-col>
    </el-row>
    <el-row :gutter="15">
      <el-col v-bind="styleResponsive ? { lg: 12, md: 12 } : { span: 12 }">
        <SaleCard />
      </el-col>
      <el-col v-bind="styleResponsive ? { lg: 12, md: 12 } : { span: 12 }">
        <revenueDetails />
      </el-col>
    </el-row>
    <!-- 收益明细
    <el-row :gutter="15">
      <el-col v-bind="styleResponsive ? { lg: 24, md: 24 } : { span: 24 }">
        <revenueDetails />
      </el-col>
    </el-row> -->
  </div>
</template>

<script>
import StatisticsCard from './components/statistics-card.vue';
import SaleCard from './components/sale-card.vue';
import VisitHour from './components/visit-hour.vue';
// import HotSearch from './components/hot-search.vue';
import revenueDetails from './components/revenueDetails.vue';

export default {
  name: 'DashboardAnalysis',
  components: {
    StatisticsCard,
    SaleCard,
    VisitHour,

    revenueDetails
  },
  computed: {
    // 是否开启响应式布局
    styleResponsive () {
      return this.$store.state.theme.styleResponsive;
    }
  }
};
</script>
